.blgcomment-list>li:nth-child(n+2) {
    margin-block-start: 15px !important;
}
.custom-card {
    border: 1px solid #ced4da;
}
.customizer-action svg{
    width: 23px !important;
    color: #ffffff !important;
}
.active-mode{
    border: solid 2px #000000 !important;
}
.property-img{
    max-width: 507px;
    max-height: 286px;
}
.text-justify{
    text-align: justify;
}
.custom .media{
    padding: 10px !important;
}
.user-avatar{
    width: 30px;
    height: 30px;
}
@media only screen and (max-width: 410px) {
    .header_li {
        display: none !important;
    }
}
.blgcomment-list li .media img{
    width: auto;
    height: 40px !important;
}

#card-element {
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px !important;
    padding: 13px !important;
}
/* .codex-sidebar .logo-gridwrap, .codex-sidebar .icon-logo{ */
    /* padding: 16px 16px !important; */
/* } */

.setting-logo{
    width:300px !important;;
}

.landing-logo{
    width: 180px !important;
}
.lan-footer .codex-brand{
    margin-block-end: 0px !important;
}
.email-sidebar ul.custom-sidebarmenu-list {
    margin-block-start: 0px;
}
.invoice-logo{
    width: 250px;
}

.codex-calendar .events-list li{
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
}
.codex-calendar .events-list{
    overflow: auto;
    height: 863px;
}
.landing_logo{
    filter: drop-shadow(2px 3px 7px #011C4B);
}
.head-invoice img{
    width: 250px;
}
.cdx-invoice .body-invoice .table tr td{
    padding: 10px 10px !important;
}

.codex-brand img{
    width: 300px;
}
.codex-authbox .auth-header .codex-brand {
    margin-block-end: 0px;
}


.intro {
    background-repeat: no-repeat;
    background-size: cover;
}

.landing_dash {
    position: absolute;
    right: 0px;
    top: 50%;
    left: auto;
    bottom: 0;
    transform: translateY(-50%);
    overflow: hidden;
    height: 585px;
    display: flex;
    align-items: center;
    width: 60%;
}

.landing_dash img {
    object-fit: cover;
    position: relative;
    right: -220px;
    border-radius: 10px;
    left: auto;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1440px) {
    .landing_dash {
        display: none;
    }
}

.lan-footer {
    text-align: center;
    background-color: unset;
}
.lan-footer .support-contain p {
    color: #051722;
    font-size: calc(16px + 4*(100vw - 420px) / 1500);
}

.modal-title {
   font-weight: 600;
}

.modal-content {
    border: #444 5px solid;
}

.modal-header {
    padding: 10px;
	border-bottom: 3px solid #666;
}

.modal-footer {
    padding: 10px;
	border-top: 3px solid #666;
}

.modal-header .ti-close{
	font-weight: 700;
    background-color: black;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.w-200 {
    width: 100px !important;
    height: auto;
}

body {
	line-height: 1.3;
}

.codex-header .navicon-wrap {
  color: #fff; 
}

.codex-header {
   background-color: darkcyan;
}

.codex-header .navicon-wrap:hover {
   background-color: #000;
}

.codex-sidebar {
   background-color: #222d32;
}

.codex-menu li a {
  color: #fff;
  border-radius: 0px 5px 5px 0px;
}

.codex-menu .submenu-list a {
  color: #ccc;
}

.codex-menu .submenu-list {
    padding-inline-start: 10px;
	background: #2c3b41;
}

.logo-lg {
    font-size:20px;
	color:#fff;
}

.codex-sidebar .logo-gridwrap {
    background-color: #3c8dbc;
}

.codex-sidebar .logo-gridwrap .sidebar-action, .codex-sidebar .icon-logo .sidebar-action {
    width: 40px;
    height: 40px;
    color: #fff;
}

.codex-sidebar .logo-gridwrap .sidebar-action svg, .codex-sidebar .icon-logo .sidebar-action svg {
    color: #fff;
    width: 20px;
}

@media screen and (max-width: 575px) {
    .codex-header {
        padding: 10px;
    }
}
.hdd {
	display:none;
}
.codex-sidebar .logo-gridwrap {
    padding: 16px 16px !important;
}
@media screen and (max-width: 775px) {
    
	.hdd {
		display:block;
	}
	.codex-sidebar .logo-gridwrap {
		padding: 7px 16px !important;
	}
}

@media screen and (max-width: 575px) {
    .codex-header .navicon-wrap svg {
        width: 35px;
    }
}

.codex-sidebar .icon-logo {
    padding: 16px 16px !important;
}

.ltrmode {
background: #d2d6de;	
}

.codex-authbox {
    background-color: transparent;
	background-image: url(../../assets/images/auth/auth-bg.jpg);
}

.login-box, .register-box {
    width: 360px;
    margin: 7% auto;
}

.codex-authbox form {
	width:100%;
    margin-left: auto;
    margin-right: auto;
}

.login-box-body, .register-box-body {
    background: #fff;
    padding: 15px;
    border-top: 0;
    color: #666;
}

.input-group-text {
    border-color: #999;
}

.btn {
	border-color: #000 !important;
    padding: 8px 30px;
}

.form-control {
    padding: 5px 7px;
}

select.form-control {
    padding: 7px;
}

.cart-action form {
	margin-block-end: 0em;
}

.form-control {
    border-radius: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    
    border-radius: 3px;
}

.card .card-body {
    padding: 10px 10px;
}

.card {
    margin-block-end: .2em;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    padding: 5px 7px;
    
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 3px;
}

.hiddenColumn {
    display: none;
}

.form-group {
    margin-block-end: 10px;
}

.nav-tabs .nav-link {
    font-size: 12px !important;
    padding: 0rem .5rem 0rem 0rem !important;
}

.nav-tabs .nav-link .badge {
	font-size: 1rem;
	padding: 0.5em 0.75em;
}

.text-success {
    color: green !important;
}

thead, tr, th {
    background-color: #fbebeb;
}

.row > * {
    padding-inline-end: calc(var(--bs-gutter-x) * 0.3);
    padding-inline-start: calc(var(--bs-gutter-x) * 0.3);
}

.codex-header .nav-profile .media .media-body h6 {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.inner p {
    color: #fff;
}